<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<!-- Created 2007 by Yosemite, UGA MIT Program Students -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Educate America! ...because it's right</title>
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<link rel="stylesheet" type="text/css" href="css/default_color.css" title="white"/>
<link rel="stylesheet" type="text/css" href="css/default_font.css" />
<link rel="alternate stylesheet" type="text/css" href="color_css/purple1.css" title="purple1"/>
<link rel="alternate stylesheet" type="text/css" href="color_css/purple2.css" title="purple2" />
<link rel="alternate stylesheet" type="text/css" href="color_css/purple3.css" title="purple3" />
<link rel="alternate stylesheet" type="text/css" href="color_css/bluepurp1.css" title="bluepurp1" />
<link rel="alternate stylesheet" type="text/css" href="color_css/bluepurp2.css" title="bluepurp2" />
<link rel="alternate stylesheet" type="text/css" href="color_css/bluepurp3.css" title="bluepurp3" />
<link rel="alternate stylesheet" type="text/css" href="color_css/blue1.css" title="blue1" />
<link rel="alternate stylesheet" type="text/css" href="color_css/blue2.css" title="blue2" />
<link rel="alternate stylesheet" type="text/css" href="color_css/blue3.css" title="blue3" />
<link rel="alternate stylesheet" type="text/css" href="color_css/bluegreen1.css" title="bluegreen1" />
<link rel="alternate stylesheet" type="text/css" href="color_css/bluegreen2.css" title="bluegreen2" />
<link rel="alternate stylesheet" type="text/css" href="color_css/bluegreen3.css" title="bluegreen3" />
<link rel="alternate stylesheet" type="text/css" href="color_css/green1.css" title="green1" />
<link rel="alternate stylesheet" type="text/css" href="color_css/green2.css" title="green2" />
<link rel="alternate stylesheet" type="text/css" href="color_css/green3.css" title="green3" />
<link rel="alternate stylesheet" type="text/css" href="color_css/yellgreen1.css" title="yellgreen1" />
<link rel="alternate stylesheet" type="text/css" href="color_css/yellgreen2.css" title="yellgreen2" />
<link rel="alternate stylesheet" type="text/css" href="color_css/yellgreen3.css" title="yellgreen3" />
<link rel="alternate stylesheet" type="text/css" href="color_css/yellow1.css" title="yellow1" />
<link rel="alternate stylesheet" type="text/css" href="color_css/yellow2.css" title="yellow2" />
<link rel="alternate stylesheet" type="text/css" href="color_css/yellow3.css" title="yellow3" />
<link rel="alternate stylesheet" type="text/css" href="color_css/yelloran1.css" title="yelloran1" />
<link rel="alternate stylesheet" type="text/css" href="color_css/yelloran2.css" title="yelloran2" />
<link rel="alternate stylesheet" type="text/css" href="color_css/yelloran3.css" title="yelloran3" />
<link rel="alternate stylesheet" type="text/css" href="color_css/orange1.css" title="orange1" />
<link rel="alternate stylesheet" type="text/css" href="color_css/orange2.css" title="orange2" />
<link rel="alternate stylesheet" type="text/css" href="color_css/orange3.css" title="orange3" />
<link rel="alternate stylesheet" type="text/css" href="color_css/redoran1.css" title="redoran1" />
<link rel="alternate stylesheet" type="text/css" href="color_css/redoran2.css" title="redoran2" />
<link rel="alternate stylesheet" type="text/css" href="color_css/redoran3.css" title="redoran3" />
<link rel="alternate stylesheet" type="text/css" href="color_css/red1.css" title="red1" />
<link rel="alternate stylesheet" type="text/css" href="color_css/red2.css" title="red2" />
<link rel="alternate stylesheet" type="text/css" href="color_css/red3.css" title="red3" />
<link rel="alternate stylesheet" type="text/css" href="color_css/redpurp1.css" title="redpurp1" />
<link rel="alternate stylesheet" type="text/css" href="color_css/redpurp2.css" title="redpurp2" />
<link rel="alternate stylesheet" type="text/css" href="color_css/redpurp3.css" title="redpurp3" />
<script type="text/javascript" src="javascript/styleswitcher.js"></script>
<script language="JavaScript" type="text/JavaScript">
        <!--

function textCounter(field,cntfield,maxlimit) {
if (field.value.length > maxlimit)
field.value = field.value.substring(0, maxlimit);
// otherwise, update 'characters left' counter
else
cntfield.value = maxlimit - field.value.length;
}

//--> </script>
<script language="JavaScript" type="text/JavaScript">
<!--
function validate(form) {  

if (form.gname.value==""){
alert("Please fill in your group name");
form.gname.focus();
}
else if(form.description.value==""){
alert("Please fill in a description of your group");
form.description.focus();
}
else if (form.fname.value==""){
alert("Please fill in your first name");
form.fname.focus();
}
else if(form.lname.value==""){
alert("Please fill in your last name");
form.lname.focus();
}
else if (form.email.value == "")
{
window.alert("Please enter your e-mail address.");
form.email.focus();

}else if (form.email.value.indexOf("@", 0) < 0)
{
window.alert("Please enter a valid e-mail address(example@domain.com).");
form.email.focus();

}else if (form.email.value.indexOf(".", 0) < 0)
{
window.alert("Please enter a valid e-mail address(example@domain.com).");
form.email.focus();
}
else{
form.submit();
}
}
//-->
</script>
</head>


<body>
<div id="container">
<div id="content">
    <%@ include file="topNav.jsp" %>
    <%@ include file="leftside.jsp" %>
    <%@ include file="rightside.jsp" %>
<h3>
    WELCOME, <%="username" %> (<a href="#">Logout</a>)
</h3>

<h4>Create Group</h4>
<form name="addgroup" action="verify.jsp" method="post">
<p>
<strong>Group Name</strong>
</p>
<p>This name will appear on your Group page and in search results. </p>
<p>
<input type="text" name="gname">
</p>

<p>
<strong>Describe Your Group</strong>
</p>

<p>This description will appear at the top of your Group page.</p>

<p><textarea name="description" cols="50" rows="10"
             onKeyDown="textCounter(document.addgroup.description,document.addgroup.textcount,500)"
         onKeyUp="textCounter(document.addgroup.description,document.addgroup.textcount,500)"></textarea></p>
<p><input readonly type="text" name="textcount" size="4" maxlength="4" value="500">
characters left, 500 max</p>
<p>This information will appear on your Group page as the Group's Administrator. 
</p>
<p> <strong>First Name:</strong> 
<input type="text" name="fname">
</p>
<p> <strong>Last Name:</strong> 
<input type="text" name="lname">
</p>
<p> <strong>Email:</strong> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<input type="text" name="email">
</p>
<p> <input type="button" value="Continue" onclick="validate(this.form)"></p>
</form>
</div>
<%@ include file="footer.jsp" %>
</div>
</body>
</html>

